<template>
	<div>
		<ul class="module-attr-tab">
			<li v-for="(item, index) in tab" :class="cur === index ? 'on' : ''" @click="cur = index">{{ item.name }}</li>
		</ul>
		<!--基础设置-->
		<template v-if="cur == 0">
			<div class="attr-con-item">元件设置</div>
			<el-card class="box-card">
			<div class="text item">
				返回顶部组件，无额外参数需要配置，只需判断是否勾选，在手机端自动浮动在内容区右侧边缘
			</div>
			</el-card>
			<div class="att-con-box">
				<div class="attr-nav-item">
					<div class="att-con-pd">
									
					</div>
				</div>
			</div>
		</template>
		<!--样式设置-->
		<template v-if="cur == 1">
			<div class="att-con-box">
				<div class="att-con-pd">
					<AttrBase :base="attr.base" />
				</div>
			</div>
		</template>
	</div>
</template>

<script>
import AttrText from '@/views/attr/text.vue';
import AttrLink from '@/views/attr/link.vue';
import AttrBase from '@/views/attr/base.vue';
import module from '@/util/module.js';
export default {
	name: 'AttrConBacktop',
	props: ['attr'],
	components: { AttrText, AttrLink, AttrBase },
	data() {
		return {
			tab: [{ name: '基础设置', content: '' }],
			cur: 0
		};
	},

	methods: {		
	}
};
</script>

<style></style>
